

    <h4>Default:</h4>
    <hi-pagination [total]="pager.total" [pageSize]="pager.pageSize" [(pageIndex)]="pager.pageIndex"
                   (pageIndexChange)="pageChange($event)" [maxItems]="10">
    </hi-pagination>

    <h4>Chinese:</h4>
    <hi-pagination [total]="pager.total" [pageSize]="pager.pageSize" [(pageIndex)]="pager.pageIndex"
                   (pageIndexChange)="pageChange($event)" [maxItems]="10"
                   firstLink="首页" lastLink="尾页" preLink="前一页" nextLink="下一页">
    </hi-pagination>

    <h4>Customise:</h4>
    <hi-pagination [total]="pager.total" [pageSize]="pager.pageSize" [(pageIndex)]="pager.pageIndex"
                   (pageIndexChange)="pageChange($event)" [maxItems]="5"
                   [headTemplate]="headTemplate" [tailTemplate]="tailTemplate"
                   firstLink="首页" lastLink="尾页" preLink="前一页" nextLink="下一页">
    </hi-pagination>
    <ng-template #headTemplate>
       <span>共{{pager.total}}数据，当前{{pager.pageIndex}}页/{{totalPage()}}页</span>
    </ng-template>
    <ng-template #tailTemplate>
      <span>跳至 <input type="number" class="pagination－goto" [(ngModel)]="gotoPage"
                  [ngModelOptions]="{updateOn: 'change'}"
                  (ngModelChange)="goto()">页</span>
    </ng-template>


  <div>
    <pre>{{pager | json}}</pre>
  </div>

